import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
/*
 * @Author: 小胖沱 1643200914@qq.com
 * @Date: 2022-12-20 18:12:36
 * @LastEditors: 小胖沱 1643200914@qq.com
 * @LastEditTime: 2022-12-21 10:05:24
 * @FilePath: \jk_sort_front\src\pages\QueryReport\ProcessBroad\components\Equipment.tsx
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 */
import { Progress } from 'antd';
import styles from './equipment.module.less';
export default (props) => {
    const { data = {} } = props;
    return (_jsxs("div", { className: styles.container, children: [_jsx("header", { className: styles.equipmentHeader, children: "\u8BBE\u5907\u60C5\u51B5" }), _jsxs("div", { className: styles.equipmentsInfo, children: [_jsxs("div", { className: styles.equipmentsItem, children: [_jsx("div", { className: styles.count, children: data?.countNum || 0 }), _jsx("div", { className: styles.label, children: "\u7AD9\u4F4D\u6570" })] }), _jsxs("div", { className: styles.equipmentsItem, children: [_jsx("div", { className: styles.count, children: data?.inUseNum || 0 }), _jsx("div", { className: styles.label, children: "\u4F7F\u7528\u6570\u91CF" })] }), _jsx("div", { className: styles.useCircle, children: _jsx(Progress, { type: "circle", strokeWidth: 16, strokeLinecap: 'square', percent: data.usage ? Number(data?.usage.replace('%', '')) : 0, strokeColor: "#44D7B6", trailColor: "#072C88", width: 100, format: () => {
                                return (_jsxs("div", { className: styles.percent, children: [_jsx("div", { className: styles.percentCount, children: data?.usage || 0 }), _jsx("div", { className: styles.percentText, children: "\u4F7F\u7528\u7387" })] }));
                            } }) })] })] }));
};
